import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs';
import TopBar from '../ch/sections/TopBar.vue';

<Meta
  title="Get started"
  component={TopBar}
/>

export const Template = (args, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { TopBar },
  template: '<TopBar :isOpen="isOpen" />',
});

# Design system for the Swiss Confederation

## Document for developers
### Github repository
https://github.com/swiss/designsystem

### CSS file
CSS assets can be downloaded on the github repository. Latest version here:

https://github.com/swiss/designsystem/releases

Alognside the css file, you have to include the font files in your project. They are located in the `fonts` folder and can be found here:

https://github.com/swiss/designsystem/tree/main/css/foundations/fonts

## Document for designers

### Figma Design System

https://www.figma.com/file/bdlp9d8uGurymqdeO535CX/%F0%9F%87%A8%F0%9F%87%ADDesign-System-Core-Library?type=design&node-id=1-2&mode=design







